import React, { FC } from "react";
import { QuestionInputProps, QuestionInputDefaultProps } from "./interface";
import { Typography, Input } from "antd";

const QuestionInput: FC<QuestionInputProps> = (props: QuestionInputProps) => {
  const { title, placeholder } = { ...QuestionInputDefaultProps, ...props };
  const { Paragraph } = Typography;
  return (
    <div>
      <Paragraph strong>
        {title}
        <Input placeholder={placeholder}></Input>
      </Paragraph>
    </div>
  );
};
export default QuestionInput;
